<!-- Dom模板 -->
<template>
  <div class="bot">
    <!-- Dom内容 -->
    <!-- <el-button type="text" style="color:green">批量处理</el-button> -->
    <el-pagination
      @size-change="handleSizeChange"
      @current-change="handleCurrentChange"
      :current-page="currentPage"
      :page-sizes="[5, 10, 15, 20]"
      :page-size="pagesize"
      layout="total, sizes, prev, pager, next, jumper"
      :total="tableData"
    >
    </el-pagination>
  </div>
</template>

<script>
// import a from './a'; // 引入组件
export default {
  name: "",
  props: [
    "currentPage",//当前第几页
    "pagesize",  //一页显示几条数据
    "tableData",  //总数据
    "handleSizeChange",  //触发每页几条的数据事件
    "handleCurrentChange",  //触发当前第几页事件
  ],
  data() {
    return {
      msg: "测试",
    };
  },
  // 生命周期 - 创建完成（访问当前this实例）
  created() {},
  // 生命周期 - 挂载完成（访问DOM元素）
  mounted() {},
  // Vue方法定义
  methods: {},
};
</script>

<style scoped>
/* @import url(''); 引入css类 */
.bot{
  width: 95%;
  margin: 20px auto;
  display: flex;
  justify-content: flex-end;
  padding:10px 0px;
}
</style>